Method for displaying learning content of terminal and application program therefor

ABSTRACT

The present invention relates to a method for displaying learning content of a terminal and an application program therefor. The method for displaying learning content of a terminal of the present invention comprises the steps of: displaying text with a group of questions on a first layer; displaying a first question card corresponding to a first question on a second layer; and when a continuous touch gesture in a touch input is received in the second layer, displaying, on the second layer, a second question card corresponding to a second question according to the touch gesture, wherein the question card includes one or more examples that are selectable by a learner. According to the present invention, it is possible to effectively display learning content including a large amount of information such as multiple choice questions on a limited size screen.

CROSS-REFERENCE TO RELATED APPLICATION

This application claims priority to and is a 35 U.S.C. § 371 nationalphase application of PCT/KR2017/005918 (WO2018/105833), filed on Jun. 7,2017, entitled “METHOD FOR DISPLAYING LEARNING CONTENT OF TERMINAL ANDAPPLICATION PROGRAM THEREFOR”, which application claims priority to andthe benefit of Korea Patent Application No. 10-2016-0164061, filed Dec.5, 2016, the disclosures of which are incorporated herein by referencein their entirety.

TECHNICAL FIELD

The present disclosure relates to a method for displaying learningcontent of a terminal and an application program therefor, and moreparticularly, to a method for effectively displaying learning content ona small screen of a terminal and an application program therefor.

BACKGROUND ART

As the market for electronic device applications becomes more active, alot of learning content is being developed in the form of applications.Conventional learning applications can provide an auxiliary role forlearners to easily access learning content by allowing video lectures tobe watched in the application, providing content for memorization, orproviding voice files.

Meanwhile, among learners, some learners aim to improve their overallperformance in a specific field, but learners will use learning contentto acquire a target score on a particular test.

Tests are designed to evaluate the learning ability and academicachievement of learners. Tests are generally composed of multiple choicequestions in order to secure standardization and quantification ofevaluation. All tests have certain patterns, and in particular, multiplechoice questions consist of patterned questions, called types ofquestions. Therefore, it is known to be a very effective learning methodto learn question patterns while solving many questions repeatedly.

Multiple choice questions are made up of text and examples, and somelistening tests are provided only with examples. Conventionally, it hasnot been easy to find such multiple choice question content inapplications. This is because it is not easy to display multiple choicequestion content including long text due to the characteristics oflearning applications, which are executed on an electronic device with arelatively small screen.

However, considering the purpose and effects of learning, it isnecessary to provide learning content by which a learner can repeatedlylearn multiple choice questions, even through electronic deviceapplications. Therefore, there is demand for a method of effectivelydisplaying multiple choice question content composed of text andexamples even on a small screen.

DETAILED DESCRIPTION OF THE INVENTION Technical Problem

Therefore, the present disclosure has been made in view of theabove-mentioned problems, and an aspect of the present disclosure is toprovide a method of effectively displaying learning content including alarge amount of information such as multiple choice questions within ascreen having a limited size.

Also, another aspect of the present disclosure is to provide a methodfor displaying learning content, which may display a question-solvingtime and a required time in the learning content so that a learner cantrain to solve questions within a limited time.

Also, still another aspect of the present disclosure is to provide amethod for displaying learning content having high usability andreadability.

Also, yet another aspect of the present disclosure is to provide amethod for displaying learning content, which may intuitively displayresults of question-solving to allow a learner to easily grasp his orher weaknesses, thereby maximizing the learning effect.

Technical Solution

In accordance with an aspect of the present disclosure, a method fordisplaying learning content of a terminal may include: displaying textwith a group of questions on a first layer; displaying a first questioncard corresponding to a first question on a second layer; and when atouch input corresponding to an arbitrary direction on the second layeris received, displaying, on the second layer, a second question cardcorresponding to the touch input, wherein the question card includes oneor more examples that are selectable by a learner.

In accordance with another aspect of the present disclosure, a methodfor displaying learning content of a terminal may include: displayingone or more question cards on a fourth layer; sequentially reproducingone or more voice files corresponding to each of the one or morequestion cards; and displaying a movement indicator on a fifth layerwhen the question card corresponding to the reproduced voice file is notdisplayed on the fourth layer.

In accordance with still another aspect of the present disclosure, aterminal for displaying learning content, may include: a display unitconfigured to display one or more layers; an input unit configured toreceive an input; and a control unit configured to control text with agroup of questions to be displayed on a first layer and a first questioncard corresponding to a first question to be displayed on a secondlayer, and configured to control when a touch input corresponding to anarbitrary direction on the second layer is received, a second questioncard corresponding to the touch input to be displayed on the secondlayer, wherein the question card includes one or more examples that areselectable by a learner.

As described above, according to the present disclosure, it is possibleto effectively display learning content including a large amount ofinformation such as a multiple choice question within a screen having alimited size.

In addition, it is possible to display a question-solving time and arequired time in learning content so that a learner can train to solvequestions within a limited time.

In addition, it is possible to greatly improve the usability andreadability in a learning application.

Further, it is possible to intuitively display the results ofquestion-solving so as to allow a learner to easily grasp his or herweaknesses, thereby maximizing the learning effect.

BRIEF DESCRIPTION OF THE DRAWINGS

FIG. 1 is a block diagram illustrating the configuration of a terminalaccording to an embodiment of the present disclosure;

FIG. 2 is a flowchart illustrating a method for displaying learningcontent according to an embodiment of the present disclosure;

FIG. 3 is a flowchart illustrating a method for displaying learningcontent according to an embodiment of the present disclosure;

FIG. 4 is a diagram illustrating a method for displaying learningcontent in a question-solving mode according to an embodiment of thepresent disclosure;

FIG. 5 is a flowchart illustrating a method for displaying learningcontent in a correct-answer confirmation mode according to an embodimentof the present disclosure;

FIGS. 6A and 6B are diagrams illustrating a method for displayinglearning content in a correct-answer confirmation mode according to anembodiment of the present disclosure;

FIGS. 7A and 7B are diagrams illustrating a method for displayinglearning content in an explanation mode according to an embodiment ofthe present disclosure; and FIGS. 8A and 8B are diagrams illustrating amethod for displaying learning content in a listening mode according toan embodiment of the present disclosure.

MODE FOR CARRYING OUT THE INVENTION

The above aspects, features, and advantages will be described in detailwith reference to the accompanying drawings and therefore, the technicalideas of the present disclosure can be easily practiced by a person withordinary skill in the art to which the present disclosure pertains.Further, when it is determined that the detailed description of theknown art related to the present disclosure may obscure the gist of thepresent disclosure, the detailed description thereof will be omitted.

In the drawings, the same reference numerals are used to designate thesame or similar components, and all combinations described in thespecification and claims can be combined in any manner. As used herein,the singular forms “a”, “an” and “the” are intended to include theplural forms as well, unless the context clearly indicates otherwise.

The terminology used herein is for the purpose of describing particularembodiments only and is not intended to be limiting of the disclosure.As used herein, the singular forms “a”, “an” and “the” are intended toinclude the plural forms as well, unless the context clearly indicatesotherwise. As used herein, the term “and/or” includes any and allcombinations of one or more of the associated listed items. It will befurther understood that the terms “comprises” and/or “comprising,” or“includes” and/or “including” or “has” and/or “having” when used herein,specify the presence of stated features, regions, integers, steps,operations, elements, and/or components, but do not preclude thepresence or addition of one or more other features, regions, integers,steps, operations, elements, components, and/or groups thereof. Thesteps, processes, and operations of the method described here should notbe construed as necessarily requiring execution in the particular orderdiscussed or illustrated, unless an execution order is specificallyidentified. It is also understood that additional or alternative stepsmay be used.

In this specification, “touch input” refers to input for touching onearea on a screen, and a “touch gesture” refers to one of touch inputsand can be understood to include movement from one area to another areaon a screen, a continuous operation, and a multi-touch, whichsimultaneously touches two areas. That is, the “touch input” and the“touch gesture” used in this specification may indicate the sameoperation, but especially when they are used together, a touch operationfor one area may be classified as “touch input” and an operationincluding a plurality of areas such as area movement may be classifiedas a “touch gesture”.

Hereinafter, a preferred embodiment according to the present disclosurewill be described in detail with reference to the accompanying drawings.

FIG. 1 is a block diagram illustrating the configuration of a terminalthat displays content according to a method for displaying learningcontent of the present disclosure. Referring to FIG. 1, a terminal 10according to an embodiment of the present disclosure may include adisplay unit 11, an input unit 13, an output unit 14, a control unit 15,a wireless communication unit 17, and a storage unit 19.

The display unit 11 may be formed of a liquid crystal display (LCD), anorganic light-emitting diode (OLED), an active-matrix organiclight-emitting diode (AMOLED), and the like, and may visually providemenus of the terminal 10, input data, function setting information, andother various types of information to a learner. The display unit 11displays learning content according to a method for displaying learningcontent according to an embodiment of the present disclosure.

The input unit 13 detects a touch input of a learner. The input unit 13may be constituted by a touch detection sensor, such as a capacitiveoverlay, a pressure type resistive overlay, or an infrared beam, or maybe constituted by a pressure sensor. In addition to the above sensors,any type of sensor device capable of detecting the contact or pressureof an object may be included in the input unit 13 of the presentdisclosure.

The input unit 13 detects a touch input of a learner, and generates adetection signal and transmits the generated detection signal to thecontrol unit 15. The detection signal includes coordinate data aboutwhere the touch input is performed by the learner. When a touch positionmovement operation is input by a learner, the input unit 13 may generatea detection signal including coordinate data of a touch positionmovement path and may transmit the generated detection signal to thecontrol unit 15.

In particular, the input unit 13 may detect a touch input and a touchgesture performed on a layer according to an embodiment of the presentdisclosure. Examples of such learner input include a tap, a double tap,a press, a long press, a swipe, and the like.

When the terminal 10 to which the present disclosure is applied includesa touch screen, the above-described display unit 11 and input unit 13may be included in the touch screen to perform respective functions ofthe touch screen. Further, when a terminal includes a touch pad, thetouch pad can be used as the input unit 13.

The output unit 14 may include a speaker for outputting a sound, a lightsource for outputting light, and the like. In particular, in a listeningmode, the output unit 14 may reproduce a listening question file storedin the storage unit 19.

The control unit 15 may control text with a group of questions to bedisplayed on a first layer and a first question card corresponding to afirst question to be displayed on a second layer, and may control, whena continuous touch gesture in the touch input is received in the secondlayer, a second question card corresponding to a second question to bedisplayed on the second layer. In addition, each module is controlled toprovide embodiments of each user interface, which will be describedlater, to a learner through the display unit 11.

The wireless communication unit 17 executes a datatransmission/reception function for wireless communication of theterminal 10. The wireless communication unit 10 may receive data from aserver (not shown) via a wireless channel and may transmit the receiveddata to the control unit 15. The data transmitted to the server by thewireless communication unit 10 may include data such as a selectioninput performed through the input unit 13 by a learner who uses anapplication program of the present disclosure, a learning resultaccording to the selection input, a learning pattern of the learner, andthe like.

The storage unit 19 may store learning content called by the applicationprogram of the present disclosure, and may store information collectedby the execution of the application program, for example, a selectioninput received through the above-described input unit 13, a learningresult according to the selection input, learning pattern information bylearning result analysis of the control unit 15, and the like.

Method for Displaying Learning Content

Hereinafter, a method for displaying learning content according to anembodiment of the present disclosure will be described with reference toFIGS. 2 to 4.

FIG. 2 is a flowchart illustrating a method for displaying learningcontent according to an embodiment of the present disclosure. Thelearning content displayed by the method for displaying learning contentof the present disclosure may be generated by a device for generating auser interface screen, and may be displayed on a terminal by theexecution of an application program according to an embodiment of thepresent disclosure.

For reference, it should be noted that each operation of the method fordisplaying learning content described in this specification can besimultaneously performed, and as a result, a plurality of layers can besimultaneously displayed on one screen in a terminal.

Referring to FIGS. 2 to 4, in operation S110, a terminal displays textwith a group of questions on a first layer 100. The text with a group ofquestions refers to text corresponding to one or more questions. Forexample, one block of text can be presented in a language test and aplurality of questions can be presented in association with thecorresponding text. In this specification, the text associated with oneor more questions is referred to as text with a group of questions.

In operation S130, the terminal displays a first question cardcorresponding to a first question on a second layer 200. The questioncard may include one or more examples 210 that can be selected by alearner. The question card may include one or more examples according tothe type of the corresponding question, as shown in FIG. 4, or mayfurther include questions.

For example, FIG. 4 shows a question of selecting the appropriate wordto be inserted into the text. Accordingly, only words corresponding toexamples are included on the question card, but if the text is read anda question pertaining to the text is set differently for each question,a question corresponding to the corresponding question may be includedin the question card.

Next, when a continuous touch gesture in a touch input, such as a swipe,a drag, a double tap, a long tap, or a long press, is received in thesecond layer in operation S150, the terminal displays a second questioncard corresponding to a second question according to the touch gestureon the second layer in operation S170. For example, in the case in whichthe question card shown in FIG. 4 is a question card including examplesfor a question #5 135A, when the question card is swiped to the left, aquestion card including examples for a question #6 136A may be displayedon the second layer 200. If the touch gesture is an operation of swipingto the right, the terminal may switch the question card displayed on thesecond layer from the question card of the question #5 to a questioncard of a question #4.

Further, when the continuous touch gesture in the touch input isreceived in the second layer in operation S150 and the question carddisplayed on the second layer is switched from the first question cardto the second question card in operation S170, the terminal moves, inoperation 175, the text with the group of questions in such a mannerthat a portion corresponding to the second question in the text with thegroup of questions displayed on the first layer is positioned at thecenter of the first layer while operation S170 is performed.

For example, in FIG. 4, a question card #5 is currently displayed on thesecond layer, and therefore text corresponding to the question #5 isdisplayed in the central portion of the first layer 100. Here, when atouch gesture is input so that a question card #6 is displayed on thesecond layer 200 by the learner swiping the question card #5 to theleft, the terminal moves the text displayed on the first layer 100upwards so that a portion corresponding to the question #6 136A ispositioned at the center of the first layer.

Further, when receiving selection input for an arbitrary example fromthe learner in the state in which a question card #1 is displayed on thesecond layer, the terminal may display a question card corresponding toa question following a question #1 on the second layer. That is, whenthe learner solves the question card #5, the question card #6 isautomatically displayed on the second layer. At the same time, thecorresponding screen is switched from the text corresponding to thequestion #5 to the text corresponding to the question #6, and theswitched text corresponding to the question #6 is displayed at thecentral portion of the screen of the terminal. Accordingly, the learnercan solve the questions sequentially without any special manipulation,so that the learner's convenience can be maximized and the learner canfocus on the question-solving itself.

Meanwhile, as shown in 150A in FIG. 4, the terminal can display aremaining question-solving time in one area of the first layer. Mostexams are designed to solve questions within a time limit. The learnercan improve the speed of solving questions by checking the remainingquestion-solving time and training to solve questions within a timelimit.

In addition, when not all of the text is displayed on the screen at thesame time, as shown in FIG. 4, because the text with the group ofquestions is longer than the size of the first layer, the learner canmove the text with the group of questions by inputting a touch gesturesuch as touching one area of the first layer 100 and dragging or swipingthe text with the group of questions successively to the touch inoperation S300.

That is, when the touch input is received on the first layer, theterminal may display a scroll bar corresponding to the length of thetext with the group of questions on one area of the first layer, andwhen the continuous touch gesture in the touch input is received in thefirst layer in operation S300, the terminal may move the text with thegroup of questions displayed on the first layer according to thereceived touch gesture.

In addition, when selection input for all questions corresponding to thetext with the group of questions is received, the terminal may furtherinclude an operation of displaying a text or image corresponding to ananswer submission on one area of the first layer. For example, if thereis a total of 4 questions corresponding to one block text with a groupof questions and the learner inputs answers to all of the 4 questions,the text “submit answer” is displayed on the lower end side of the firstlayer as shown in FIG. 160A of FIG. 4. When the learner touches the text“submit answer”, the answer is transmitted to a server and the screen isswitched to a correct-answer confirmation mode. In the abovedescription, the case has been described in which a link pertaining to aquestion-solving time or to whether the answer submission is performedis displayed at the lower end side of the first layer. However, this isonly an embodiment, and a user interface according to the presentdisclosure creates a separate layer to display a previous menu, a nextmenu, time information, etc., on the created layer, which may varydepending on the setting of the user interface.

User Interface to Erase Example

Referring to FIG. 3, a terminal may receive input for an arbitraryexample from a learner in operation S210. When the input in operationS210 is touch input for erasing an example in operation 230, theterminal may perform erasure display on the example corresponding to thetouch input in operation S250. When the input in operation S210 is touchinput for selecting an example, the terminal may select the examplecorresponding to the touch input as the answer in operation S255.

Whether a touch input for an arbitrary example is determined to be aselection input or an erasure input in operation S230 depends on presetcriteria. For example, a tab or press for one area may be preset to bedetermined to be selection input and a double tap, a long press, orswipe may be preset to be determined to be erasure input, which may varydepending on the setting of a device for generating a user interface.

Referring to FIG. 4, when the learner performs a touch input forselecting an example A 210A, the terminal may select and highlight theexample A 210A as the answer, and when the learner inputs a double-tapoperation for erasing an example C 210C, the terminal may performerasure display by displaying a strikethrough on the example C 210C. Theerasure display may be performed via the strikethrough, blurring ofbrightness and saturation, shading adjustment, or the like. It is awell-known question-solving method to erase examples. According to thepresent disclosure, the conventional question-solving method may beimplemented as a user interface, so that learners can effectively solvequestions even on the terminal.

User Interface to Adjust Layer Size

Meanwhile, in the embodiment of FIG. 4, areas of the first layer 100 andthe second layer 200 are divided. Referring to another embodiment shownin FIGS. 7A and 7B, the second layer 200 may be overlaid on the firstlayer. That is, the first layer may be displayed on the entire screen,and the second layer 200 may be overlaid on one area of the first layer.

In this case, one area of the second layer may be designated as an areafor adjusting the size of the second layer, which may be displayed as animage 230 shown in FIG. 7A. When receiving a first touch input forselecting a portion (hereinafter, referred to as a scaling area) 230designated as a scaling area on the second layer from a learner andreceiving a continuous first touch gesture in the first touch input, theterminal may adjust the size of the second layer according to the touchgesture. For example, if the learner touches the scaling area and thendrags it upwards, the size of the second layer may become large, asshown in FIG. 7B. Such a user interface has an advantage in that a largeamount of text can be effectively displayed on a limited screen, andcontent displayed based on content currently checked by the learnerbetween text and question cards can be adjusted.

User Interface in Correct-Answer Confirmation Mode

Hereinafter, an embodiment of a method for displaying learning contentin the correct-answer confirmation mode after a learner completesquestion-solving and submits the answer will be described.

Referring to FIG. 5, when a learner selects a text or imagecorresponding to answer submission in operation S400, a terminalswitches to a correct-answer confirmation mode for displaying learningcontent using submitted answers in operation S430. An example of a userinterface in the correct-answer confirmation mode is shown in FIGS. 6Aand 6B.

As shown in FIGS. 6A and 6B, when a question card in which the submittedanswer is incorrect is displayed on the second layer in thecorrect-answer confirmation mode as shown in FIG. 6A, a terminal maydisplay a first layer and/or the second layer in a first color inoperation S470, and when a question card in which the submitted answeris correct is displayed on the second layer, the terminal may displaythe first layer and/or the second layer in a second color in operationS490. Here, the first color and the second color may be colors havingdifferent brightness and saturation, and a user interface according toan embodiment of the present disclosure may distinguish and displayincorrect answers and correct answers in an operation of confirmingcorrect answers so that learners may intuitively grasp their weaknesses.

In addition, on the screen of the correct-answer confirmation mode, whendisplaying the question card in which the submitted answer is theincorrect answer on the second layer, the terminal may differentlydisplay the brightness and/or the saturation of examples correspondingto the submitted answer and the correct answer.

For example, it is assumed that the correct answer of the question #5135B is “C. updating” as shown in FIG. 6B, and a learner selects “A.writing” as the answer and submits the selected answer in aquestion-solving operation. The terminal may provide a user interface inwhich the terminal differently displays the brightness and/or thesaturation of an answer 210A″ submitted by the learner and a correctanswer 210B″ so that the learner can compare the correct answer with theanswer input by herself or himself when confirming the correct answer.In this example, if the learner selects “C. updating”, only the correctanswer 210B′ may be highlighted, as shown in the screen of FIG. 6A.

Meanwhile, in the correct-answer confirmation mode, the learner confirmsthe correct answer to each of one or more questions that he or she hassolved. In this case, if an arbitrary question card is displayed on thesecond layer, the terminal may highlight one or more words correspondingto the arbitrary question card in text with a group of questionsdisplayed on the first layer. That is, when the learner confirms thecorrect answer to the question #5, as shown in FIGS. 6A and 6B, it ispossible to highlight the letters of the question #5 displayed in thetext, such as enlarging the letters, displaying the letters in bold, ordisplaying the letters in a different color, so that the learner canintuitively recognize exactly what the question he or she is checkingis.

In addition, in the correct-answer confirmation mode, the terminal maydisplay, on one area of the first layer, at least one of the time 150Brequired for question-solving, a text or image 170 corresponding toswitching to an explanation mode, and a text or image 160B correspondingto a termination command. As described above, the terminal may generatea new layer and include the above information in the new layer.

When the learner touches the text or image 170 corresponding to theswitching to the explanation mode, the terminal may switch the screen tothe explanation mode, and the user interface in the explanation modewill be described later with reference to FIGS. 7A and 7B.

In the explanation mode, the terminal may generate a third layer fixedin one area of the terminal and may display one or more question numbersand/or the text or image corresponding to the termination command on onearea of the third layer.

User Interface in Explanation Mode

Referring to FIGS. 7A and 7B, in the explanation mode, the terminal maygenerate a third layer fixed in one area of the terminal and may displayone or more question numbers 180 and/or a text or image 160Ccorresponding to a termination command on one area of the third layer.

-   -   The question number 180, displayed in a manner indicating that        question-solving is completed, may be displayed differently        depending on whether the submitted answer is correct or        incorrect. If the submitted answer is correct, the answer may be        displayed in a form shown in 180A. If the submitted answer is        incorrect, the answer may be displayed in a form including a        strikethrough. This is only an example, so the colors of the        correct answer and the incorrect answer can be displayed        differently or figures can be used, so that the learner can        intuitively distinguish a question for which a correct answer        was submitted by the learner from a question for which an        incorrect answer was submitted by the learner.

In addition, in displaying the question number 180, the terminal maydifferently display a question number corresponding to a question thatis currently confirmed. In this case, the terminal adds a point orinserts a figure on the question number as shown in 180A so that thelearner can intuitively recognize what the question number he or she ischecking is.

In the explanation mode, the configuration of the user interface foradjusting the size of the second layer may be effective. Since theexplanation includes not only examples but also a long text, the learnertouches one area of the second layer and inputs a touch gesturesuccessive thereto in operation S500, thereby moving an explanation carddisplayed on the second layer.

When the learner completes all of the learning and touches a learningcompletion button 160C displayed at the lower end side of the firstlayer, the screen of the terminal can be switched to an initial screenor the previous screen.

User Interface in Listening Mode

Hereinafter, a method for displaying learning content in a listeningmode according to an embodiment of the present disclosure will bedescribed with reference to FIGS. 8A and 8B.

Referring to FIGS. 8A and 8B, a terminal in the listening mode maydisplay a fourth layer 400 on a background layer 300 and may display oneor more question cards 400A to 400D on the fourth layer 400. Next, theterminal may sequentially reproduce one or more voice filescorresponding to each of the one or more question cards. At this time,if the question card corresponding to the currently reproduced voicefile is not displayed on the fourth layer, the terminal may displaymovement indicators 500A and 500B on the fifth layer 500.

More specifically, in displaying the movement indicators on the fifthlayer, when an arbitrary question card displayed on the fourth layer isa question previous to that of the question card corresponding to thecurrently reproduced voice file, the terminal may display the movementindicator at the lower end side of the fifth layer, as shown in 500A.When the arbitrary question card displayed on the fourth layer is aquestion subsequent to that of the question card corresponding to thecurrently reproduced voice file, the terminal may display the movementindicator at the upper end side of the fifth layer, as shown in 500B.

Further, when receiving a touch input for the movement indicator, theterminal may display the question card corresponding to the currentlyreproduced voice file on the fourth layer.

That is, if the currently reproduced voice file corresponds to thequestion #5 although questions displayed on the fourth layer 400 are aquestion #1 and a question #2 in FIG. 7A, a movement indicator 500A of“move to currently reproduced position” may be displayed at the lowerend side of the terminal, and if the learner touches the movementindicator 500A of “move to currently reproduced position”, the question#5 may be displayed at the central portion of the fourth layer.

In addition, if the currently reproduced voice file corresponds to thequestion #2 although a question #9 and a question #10 are displayed onthe fourth layer 400 in FIG. 7B, a movement indicator 500B may bedisplayed at the upper end side of the fifth layer 500. If the learnertouches the movement indicator 500B, the question displayed on thefourth layer may be switched to the question #2.

In addition, when the reproduction of the voice file corresponding toall of the questions is completed in the listening mode, or when acontinuous touch gesture (drag or the like) in a touch input is receivedso that the last question is displayed on the fourth layer, the terminalmay display the number of remaining questions at the lower end portionof the background layer using a selection input for each of thequestions, as shown in an image 600. That is, when the learner performsselection input for selecting examples for only two questions among atotal of 10 questions, 8, which is the number of remaining questions,may be displayed at the lower end portion based on the selection input.This display may be performed in such a manner that the image 600 can bedisplayed on the background layer 300 or the fourth layer 400 on whichthe corresponding question is displayed, or may be performed bygenerating a new layer. The present disclosure is not limited as to themethod of implementing the user interface.

The methods described herein may be implemented by one or more computerprograms executed by one or more processors. The computer programsinclude processor-executable instructions that are stored on anon-transitory tangible computer readable medium. The computer programsmay also include stored data. Non-limiting examples of thenon-transitory tangible computer readable medium are nonvolatile memory,magnetic storage, and optical storage.

Certain embodiments of the techniques described above include processingsteps and instructions described herein in an algorithmic form. Itshould be noted that the processing steps and instructions describedabove may be implemented in software, firmware, or hardware, and whenthey are implemented in software, they may be downloaded to reside onother platforms used in real-time network operating systems and can beoperated therefrom.

The present disclosure also relates to apparatus for performing theoperations herein. This apparatus may be specially constructed for therequired purposes, or it may include a general purpose computerselectively activated or reconfigured by a computer program stored inthe computer. Such a computer program may be stored in a computerreadable storage medium, such as, but is not limited to, any type ofdisk including floppy disks, optical disks, CD-ROMs, andmagnetic-optical disks, read-only memories (ROMs), random accessmemories (RAMs), EPROMs, EEPROMs, magnetic or optical cards, or any typeof media suitable for storing electronic instructions, and each coupledto a computer system bus. Moreover, the computers referred to herein mayinclude a single processor, or architectures that use multiple processordesigns to enhance computing capabilities.

The algorithms and displays presented herein are not inherently relatedto any particular computer or other apparatus. Various general purposesystems may be used with programs in accordance with the teachingsherein, or it may prove convenient to construct more specializedapparatus to perform the required method steps. The required structurefor a variety of these systems will appear from the description below.In addition, the present disclosure is not described with reference toany particular programming language. It will be appreciated that avariety of programming languages may be used to implement the teachingsof the disclosure as described herein. It should be understood that anyreference to a particular language is intended to be illustrative of theembodiments and best mode of the present disclosure.

Some embodiments omitted in this specification are equally applicable iftheir implementation subjects are the same. It will be apparent to thoseskilled in the art that various modifications and variations can be madein the present disclosure without departing from the spirit or scope ofthe disclosure. The present disclosure is not limited to theabove-described embodiments and the accompanying drawings.

* Drawing Legend Insertion

FIG. 1

11: DISPLAY UNIT

13: INPUT UNIT

14: OUTPUT UNIT

15: CONTROL UNIT

17: WIRELESS COMMUNICATION UNIT

19: STORAGE UNIT

FIG. 2

START

S110: DISPLAY TEXT WITH GROUP OF QUESTIONS ON FIRST LAYER

S130: DISPLAY FIRST QUESTION CARD ON SECOND LAYER

S150: IS CONTINUOUS TOUCH GESTURE IN TOUCH INPUT RECEIVED IN SECONDLAYER?

S170: DISPLAY SECOND QUESTION CARD ON SECOND LAYER

S175: MOVE TEXT WITH GROUP OF QUESTIONS CORRESPONDING TO SECOND QUESTIONSO AS TO POSITION TEXT WITH GROUP OF QUESTIONS AT CENTER OF FIRST LAYER

END

FIG. 3

START

S210: IS INPUT FOR ARBITRARY EXAMPLE RECEIVED ON SECOND LAYER FROMLEARNER?

S230:

WHEN INPUT IS TOUCH INPUT FOR SELECTING EXAMPLE → [1]

WHEN INPUT IS TOUCH INPUT FOR ERASING EXAMPLE → [2]

S250: PERFORM ERASURE DISPLAY ON EXAMPLE CORRESPONDING TO TOUCH INPUT

S255: SELECT EXAMPLE CORRESPONDING TO TOUCH INPUT AS ANSWER

END

FIG. 4

: SUBMIT ANSWER

FIG. 5

START

S400: SELECT, BY LEARNER, TEXT OR IMAGE CORRESPONDING TO “SUBMIT ANSWER”

S430: SWITCH TO CORRECT-ANSWER CONFIRMATION MODE

S450: WHEN QUESTION CARD DISPLAYED ON SECOND LAYER IS:

INCORRECT ANSWER QUESTION CARD → [1]

CORRECT ANSWER QUESTION CARD → [2]

S470: DISPLAY FIRST LAYER IN FIRST COLOR

S490: DISPLAY FIRST LAYER IN SECOND COLOR

END

FIGS. 6A AND 6B

: CHECK EXPLANATION

: SUBMIT ANSWER

FIGS. 7A AND 7B

: COMPLETE LEARNING

: 5^(TH) EXPLANATION

UPDATING

:

IN THE FOLLOWING SENTENCE, SINCE THE BOOKLETS ARE SAID TO BE REGULARLYREVISED, “UPDATING” IS CORRECT ANSWER

FIG. 8

: LISTEN TO THE CONVERSATION AND SOLVE THE QUESTION

: PAUSE

: MOVE TO CURRENTLY REPRODUCED POSITION

3

: 8): SOLVE THE QUESTION #3 (NUMBER OF REMAINING QUESTIONS: 8)

The invention claimed is:
 1. A method for displaying learning content ofa terminal, the method comprising: displaying text associated with agroup of questions on a first layer displayed on a screen of theterminal; displaying a first question card corresponding to a firstquestion from the group of questions on a second layer displayed on thescreen of the terminal; wherein the second layer is overlaid on thefirst layer displayed on the screen of the terminal; in response toreceiving from a learner a first touch input corresponding to anarbitrary direction on the second layer displayed on the screen of theterminal, switching, on the second layer displayed on the screen of theterminal, the first question card with a second question card anddisplaying, on the second layer displayed on the screen of the terminal,the second question card corresponding to a second question from thegroup of questions; and in response to switching from the first questioncard to the second question card displayed on the second layer displayedon the screen of the terminal, moving the text associated with the groupof questions so that a portion of the text corresponding to the secondquestion in the text associated with the group of questions ispositioned at a center of the first layer displayed on the screen of theterminal, wherein each question in the group of questions is associatedwith a corresponding question card, and wherein each correspondingquestion card comprises one or more selectable examples that areselectable by the learner.
 2. The method as claimed in claim 1, furthercomprising: receiving a second touch input for selecting one area of thesecond layer displayed on the screen of the terminal and adjusting asize of the second layer displayed on the screen of the terminalaccording to a touch gesture associated with the second touch input. 3.The method as claimed in claim 1, further comprising: erasing, inresponse to receiving a third touch input for erasing at least oneselected example of the one or more selectable examples from thelearner, the at least one selected example corresponding to the thirdtouch input, wherein the third touch input comprises at least one of adouble tap, a long press, and a swipe performed on the at least oneselected example to be erased.
 4. The method as claimed in claim 1,further comprising: displaying a remaining question-solving time on onearea of the first layer displayed on the screen of the terminal.
 5. Themethod as claimed in claim 1, further comprising: displaying a scrollbar corresponding to a length of the text associated with the group ofquestions on one area of the first layer displayed on the screen of theterminal in response to receiving a fourth touch input on the firstlayer displayed on the screen of the terminal, and moving, in responseto receiving a touch gesture associated with the fourth touch input inthe first layer displayed on the screen of the terminal, the textassociated with the group of questions displayed on the first layerdisplayed on the screen of the terminal in a direction indicated by thetouch gesture associated with the fourth touch input.
 6. The method asclaimed in claim 1, further comprising: displaying a submit button onone area of the first layer displayed on the screen of the terminal inresponse to receiving from the learner all selection inputs for allquestions of the group of questions corresponding to the text.
 7. Themethod as claimed in claim 1, further comprising: switching to acorrect-answer confirmation mode for displaying learning content using aselected at least one example of the one or more selectable examples ofa corresponding question card in response to the learner selection of asubmit button to submit the selected at least one example; in thecorrect-answer confirmation mode, at least one of: displaying, by theterminal, the first layer displayed on the screen of the terminal and/orthe second layer displayed on the screen of the terminal in a firstcolor in response to a determination that the submitted selected atleast one example of the corresponding question card is incorrect; ordisplaying, by the terminal, the first layer displayed on the screen ofthe terminal and/or the second layer displayed on the screen of theterminal in a second color in response to a determination that thesubmitted selected at least one example of the corresponding questioncard is correct.
 8. The method as claimed in claim 7, furthercomprising: in response to the determination that the submitted selectedat least one example of the corresponding question card is incorrect,displaying the submitted selected at least one example in a firstbrightness and/or a first saturation and displaying a correct example ofthe one or more selectable examples in a second brightness and/or asecond saturation, wherein the first brightness and/or the firstsaturation is different from the second brightness and/or the secondsaturation.
 9. The method as claimed in claim 7, further comprising:highlighting, in response to displaying an arbitrary question card onthe second layer displayed on the screen of the terminal, one or morewords corresponding to the arbitrary question card in the textassociated with the group of questions displayed on the first layerdisplayed on the screen of the terminal.
 10. The method as claimed inclaim 7, wherein in the correct-answer confirmation mode, furthercomprising: displaying on one area of the first layer displayed on thescreen of the terminal, at least one of a time required forquestion-solving, an explanation text or an explanation imagecorresponding to switching to an explanation mode, and a terminationtext or a termination image corresponding to a termination command. 11.The method as claimed in claim 10, further comprising: switching to anexplanation mode in response to the learner selecting the explanationtext or an explanation image corresponding to switching to theexplanation mode; in the explanation mode, generating and displaying, bythe terminal, a third layer fixed in one area of the screen of theterminal; and displaying, by the terminal, one or more question numbersand/or a termination text or a termination image corresponding to atermination command on one area of the third layer displayed on thescreen of the terminal.
 12. The method as claimed in claim 1, whereinthe first touch input comprises at least one of a tap, a press, a swipe,a drag, a double tap, a long tap, and a long press.
 13. A method fordisplaying learning content of a terminal, the method comprising:displaying one or more question cards of a plurality of question cardson a first layer displayed on a screen of the terminal; sequentiallyplaying a plurality of voice files corresponding to each respectivequestion in the plurality of question cards; determining that at leastone first question card of the plurality of question cards correspondingto at least one currently playing voice file of the plurality of voicefiles is not displayed on the first layer displayed on the screen of theterminal; in response to the determination that the at least one firstquestion card of the plurality of question cards corresponding to the atleast one currently playing voice file of the plurality of voice filesis not displayed on the first layer displayed on the screen of theterminal, displaying a movement indicator on a second layer displayed onthe screen of the terminal, wherein selection of the movement indicatorcauses that the at least one first question card of the plurality ofquestion cards corresponding to the at least one currently playing voicefile of the plurality of voice files to be displayed on the first layerdisplayed on the screen of the terminal.
 14. The method as claimed inclaim 13, wherein the displaying the movement indicator on the secondlayer displayed on the screen of the terminal comprises: displaying themovement indicator at a lower end portion of the second layer inresponse to a determination that a second question card displayed on thefirst layer displayed on the screen of the terminal is a previousquestion previous to that of the at least one first question cardcorresponding to the currently playing voice file; and displaying themovement indicator at an upper end portion of the second layer displayedon the screen of the terminal in response to a determination that athird question card displayed on the first layer displayed on the screenof the terminal is a subsequent question subsequent to that of the atleast one first question card corresponding to the currently playingvoice file.
 15. The method as claimed in claim 13, wherein selection ofthe movement indicator is received via a touch input.
 16. An apparatus,comprising: at least one processor; and a non-transitory computerreadable medium communicatively coupled to the at least one processor,the non-transitory computer readable medium having stored thereoncomputer software comprising a set of instructions that, when executedby the at least one processor, causes the apparatus to: display textassociated with a group of questions on a first layer displayed on ascreen of a terminal; display a first question card corresponding to afirst question from the group of questions on a second layer displayedon the screen of the terminal; wherein the second layer is overlaid onthe first layer displayed on the screen of the terminal; in response toreceiving a first touch input corresponding to an arbitrary direction onthe second layer displayed on the screen of the terminal, switch, on thesecond layer displayed on the screen of the terminal, the first questioncard with a second question card and displaying, on the second layerdisplayed on the screen of the terminal, the second question cardcorresponding to a second question from the group of questions; and inresponse to switching from the first question card to the secondquestion card displayed on the second layer displayed on the screen ofthe terminal, move the text associated with the group of questions sothat a portion of the text corresponding to the second question in thetext associated with the group of questions is positioned at a center ofthe first layer displayed on the screen of the terminal, wherein eachquestion in the group of questions is associated with a correspondingquestion-card, and wherein each corresponding question card comprisesone or more selectable-examples that are selectable by a learner.